<template>
  <div class="qrcode-layout-container">
    <!-- QR Code模块专用头部 -->
    <Header />

    <!-- 固定头部占位符 -->
    <div class="fixedHeaderPlaceholder___2MMip"></div>

    <!-- 主体内容区域 -->
    <div class="qrcode-main-content">
      <router-view />
    </div>

    <!-- QR Code模块专用底部 -->
    <Footer />
  </div>
</template>

<script setup lang="ts">
import Header from '../components/Header.vue'
import Footer from '../components/Footer.vue'
</script>

<!-- 导入全局CSS（不用scoped） -->
<style src="../assets/css/2bd2d45f8cb6.css"/>

<style scoped>
.qrcode-layout-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.qrcode-main-content {
  flex: 1;
  width: 100%;
}
</style>